<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" href="css/index.css" />
	<style type="text/css">
		div#container {
			width: 90%;
			margin: 0 auto;
			border: #281565 1px solid;
		}

		div#top {
			width: 100%;
			height: 100px;
			text-align: center;
			margin-bottom: 10px;
		}

		div#left {
			width: 20%;
			height: 700px;
			float: left;
			margin-top: 10px;
		}

		div#right {
			width: 80%;
			height: 700px;
			float: right;
			margin-top: 10px;
		}

		div#footer {
			width: 100%;
			height: 200px;
			clear: both;
		}
	</style>
</head>

<body>
	<div id="container">
		<div id="top">
			<img src="img/house.jpg" width="100px" height="100px" style="vertical-align: middle;" />
			<span style="font-size:25px;">智慧房屋管理系统</span>
		</div>
		<div id="left" >
			<el-menu class="el-menu-vertical-demo">
				<el-submenu index="1">
					<template slot="title">
						<i class="el-icon-s-home"></i>
						<span>房屋管理</span>
					</template>
					<el-menu-item-group>
						<el-menu-item index="1-1">
							<el-link  href="housesList.html" target="right"><i class="el-icon-view el-icon--right"></i>房屋列表</el-link>
						
						</el-menu-item>
						<el-menu-item index="1-2">
							<el-link icon="el-icon-edit" href="housesAdd.html" target="right">房屋添加</el-link>
						</el-menu-item>
					</el-menu-item-group>

				</el-submenu>
				<el-submenu index="2">
					<template slot="title">
						<i class="el-icon-folder"></i>
						<span>类型管理</span>
					</template>
					<el-menu-item-group>
						<el-menu-item index="1-1">
							<el-link href="housesTypeList.html" target="right"><i class="el-icon-view el-icon--right"></i>类型列表</el-link>
						
						</el-menu-item>
						<el-menu-item index="1-2">
							<el-link icon="el-icon-edit" href="housesTypeAdd.html" target="right">类型添加</el-link>
						</el-menu-item>
						
					</el-menu-item-group>

				</el-submenu>
				<el-submenu index="3">
					<template slot="title">
						<i class="el-icon-position"></i>
						<span>朝向管理</span>
					</template>
					<el-menu-item-group>

						<el-menu-item index="1-1">
							<el-link href="housesOrientList.html" target="right"><i class="el-icon-view el-icon--right"></i>朝向列表</el-link>
						
						</el-menu-item>
						<el-menu-item index="1-2">
							<el-link icon="el-icon-edit" href="housesOrientAdd.html" target="right">朝向添加</el-link>
						</el-menu-item>
						
					</el-menu-item-group>

				</el-submenu>
				<el-submenu index="4">
					<template slot="title">
						<i class="el-icon-user"></i>
						<span>管理员管理</span>
					</template>
					<el-menu-item-group>
						<el-menu-item index="1-1">
							<el-link href="adminsList2.html" target="right"><i class="el-icon-view el-icon--right"></i>管理员列表</el-link>
						
						</el-menu-item>
						<el-menu-item index="1-2">
							<el-link icon="el-icon-edit" href="adminsAdd.html" target="right">管理员添加</el-link>
						</el-menu-item>
						
					</el-menu-item-group>

				</el-submenu>
			</el-menu>

		</div>
		<div id="right">
			<iframe name="right" src="hello.html" style="width:100%;height: 100%;" frameborder="0"></iframe>
		</div>
		
	</div>
	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript">
		new Vue({
			el: "#container"
		});
	</script>

</body>

</html>